    //搜索栏组件
    const searchBox = {
        //options是用于下拉选择框的属性
        props: [`options`, `current`, `total`],
        data: function() {
            return {
                item: {
                    selected: 0
                },
            }
        },
        components: {
            'selectBox': selectBox,
            'pageBox': pageBox
        },
        template: `<div class="search">
    <slot name="search-info"></slot><selectBox :options="options" :value="item.selected" @change="selectChange" :add="-1"></selectBox>
    <button id="btnSr" @click="$emit('search',item.selected)">查询</button>    
    <pageBox :currentPage="current" :totalPage="total" @next="$emit('next',$event)" @prev="$emit('prev',$event)">{{current}}/{{total}}</pageBox>
    </div>`,

        methods: {
            //获取子组件下拉选择框组件值的方法
            selectChange(value) {
                this.item.selected = +value;
            },
        }
    }